.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
}
.popup .popup_content {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transform: translateY(100%);
  animation: height 0.6s ease-out;
  animation-fill-mode: forwards;
  padding: 10px 15px;
}
.popup .popup_content .popup_content_close {
  display: block;
  position: absolute;
  right: 10px;
  width: 30px;
  height: 30px;
  background-size: 100% 100%;
}
@keyframes height {
  100% {
    transform: translateY(0);
  }
}
